import React from "react"
import Avatar from "antd/es/avatar/avatar";
import {PlusCircleOutlined, QuestionCircleOutlined, SearchOutlined} from "@ant-design/icons";
import {Input, Layout} from "antd";
const { Header, Content } = Layout;

export default class HomeHeader extends React.Component {
    render() {
        return (
            <Header className="manager-header">
                <div className="manager-logo" />
                <div className="manager-right-header">
                    <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
                    <span style={{fontSize: 19 + 'px'}}>User</span>
                </div>
                <div className="manager-right-operation">
                    <PlusCircleOutlined style={{fontSize: 20 + 'px', color: '#fff'}} />
                    <QuestionCircleOutlined style={{fontSize: 20 + 'px', color: '#fff'}} />
                </div>
                <div className="manager-right">
                    <Input style={{borderRadius: 5 + 'px'}} prefix={<SearchOutlined className="site-form-item-icon" />} placeholder="搜索分组/项目" />
                </div>
            </Header>
        )
    }
}